<nav class="top-bar">
  <ul>
    <li>
      <a routerLink="home"
         routerLinkActive="active">
        HOME
      </a>
    </li>
    <li>
      <a routerLink="products"
         routerLinkActive="active">
        PRODUCTS
      </a>
    </li>
    <li>
      <a routerLink="reviews"
         routerLinkActive="active">
        REVIEWS
      </a>
    </li>
    <li>
      <a
        *ngIf="!isLoggedIn"
        (click)="login()"
      >
        LOGIN
      </a>
    </li>
    <li>
      <a
        *ngIf="isLoggedIn"
        (click)="logout()"
      >
        LOGOUT
      </a>
    </li>
  </ul>
</nav>
<div class="content-container">
  <router-outlet></router-outlet>
</div>
<div class="footer">
  <p>
    ©PARAGON project 2020
  </p>
</div>
